$(function () {
    //使用规律分析
    //----资源使用规律
    /**
     * Init
     *
     *
     * |--
     * |   `--
     * |   `--
     * |       `--
     * |           `--
     * |           `--
     * |               `--
     * |           `--
     * |--
     * |--
     */
    var ad = appData();


    DomNameStart()
    function DomNameStart() {

        //侧面添加class索引加载
        if (!$.getUrlParam("id")) {

            var name = $('.sys-sidebar').find('li .active a').text()
            $("#TopName").text(name)//替换头部日志名称
        }
        //$.daterRangeDefine("#keyTime")


        $("#keyTime").daterangepicker({
            maxDate: moment().subtract(1, 'days').endOf('day'),
            ranges: {
                '昨日': [moment().subtract(1, 'days').startOf('day'), moment().subtract(1, 'days').endOf('day')],
                '最近7日': [moment().subtract(7, 'days'),moment().subtract(1, 'days')]
            }
        })


        $("#keyTime").attr('readonly', 'readonly').css('width', '340px')
       // setInitTime("#keyTime")
        $('#keyTime').val( moment().subtract('days', 7).format('YYYY-MM-DD')+' - '+moment().subtract('days', 1).format('YYYY-MM-DD'))
        $("#keyword").on('focus', function () {
            $("#selecttype").val() == 1 ? $("#sliderKey").slideDown(500) && $("#keyword").attr('readonly', true) : ''


        })

        $('body').on('click', function (e) {

            if ($("#" + e.target.id).attr('ms') == undefined) {

                $("#sliderKey").slideUp(500)
            }
        })
		
        loadDom("USER_LAW_TYPE", "#sliderKey", "", true, '')


        //loadC({"id":$("#keyType").val(),"keyTime":$("#keyTime").val()})

        loadC({
            keyType: $("#selecttype").val(),
            keyVal: $("#keyword").val(),
            keyTime: $("#keyTime").val()
        })

        $("#chartsF").on("click", function () {
            loadC2({"id": $("#keyType").val(), "keyTime": $("#keyTime").val()})
        })

        loadNumbers()

        $("#showChart").on('click', function () {
            if($("#keyword").attr('data-id')){
                var param = {
                    keyType: $("#selecttype").val(),
                    keyVal:  $("#keyword").attr('data-id'),
                    keyTime: $("#keyTime").val()
                }
            }else {
                var param = {
                    keyType: $("#selecttype").val(),
                    keyVal:  $("#keyword").val(),
                    keyTime: $("#keyTime").val()
                }
            }


            loadC(param)
            //loadDom("USER_LAW_TYPE","#sliderKey","",true,param)
        })
    }

    function loadNumbers() {
        ad.selectList("USER_DATA_T", {"id": $("#keyType").val(), "keyTime": $("#keyTime").val()}, function (data) {

            $("#callNum").text(data.callNum)
            $("#dataNum").text(data.dataNum)
        })
    }

    function loadDom(api, id, val, t, param) {

        ad.selectList(api, {}, function (data) {
            var names = []
            var ids = []
            if (val == '') {
                $(id).empty()
            } else {
                if (t) {
                    $(id).empty().append("<li value='-1'> " + val + "</li>")
                } else {
                    $(id).empty().append("<option value='-1'> " + val + "</option>")
                }

            }
            if (t) {
                for (var i = 0; i < data.length; i++) {
                    $(id).append("<li  ms value='" + data[i].id + "'>" + data[i].name + "</li>")
                    names.push(data[i].value)
                    //ids.push(""+data[i].id+"")
                    //ids.push(data[i].id.toString())
                }
                $(id).find('li').on('click', function () {
                    $("#keyword").attr('data-id',$(this).attr('value'))
                    $("#keyword").val($(this).text())
                })
            } else {
                for (var i = 0; i < data.length; i++) {
                    $(id).append("<option  value='" + data[i].id + "'>" + data[i].name + "</option>")
                    names.push(data[i].value)
                    //ids.push(""+data[i].id+"")
                    ids.push(data[i].id.toString())
                }
            }


            $("#selecttype").change(function () {

                $("#keyword").val('');

                $(this).val() == 2 ? $("#keyword").attr('readonly', false) : ''
//					loadC({"id":$("#keyType").val(),"keyTime":$("#keyTime").val()})
//					//loadC2({"id":$("#keyType").val(),"keyTime":$("#keyTime").val()})
//					loadNumbers()

            })
//				
//				$(id).find("option").eq(1).attr("selected",true)
        })


    }


    function loadC(param) {
        //Biao1-biao4
        $("#chart5").css('height','600px')
        ad.selectList("USER_DATA_C", param, function (data) {
            var idNames = ['chart5', 'chart1', 'chart2', 'chart3']
            for (var i = 0; i < data.length; i++) {
                var option = {
                    title: {
                        text: data[i].name
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a}<br> {b}: {c} ({d}%)",
                        confine:false
                    },
                    series: [
                        {
                            name: '访问次数',
                            type: 'pie',
                            radius: ['38%', '55%'],
                            data: data[i].ydata
                        }
                    ]
                };
                var option2 = {
                    title: {
                        text: data[i].name
                    },
                    xAxis: {
                        show:true,
                        axisLabel: {
                            interval:0,
                            rotate:40
                        }
                    },
                    tooltip: {
                        formatter: " {b} {a}: {c}",
                        position:function (point, params, dom, rect, size) {
                            return ['10%',point[1]+30]
                        }
                    },
                    yAxis: {data: data[i].ydata},
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '15%',
                        containLabel: true
                    },
                    series: [{
                        name: '次数',
                        type: 'bar',
                        barWidth: 20,
                        data: data[i].xaxis
                    }]
                };
                var myChart1 = echarts.init(document.getElementById(idNames[i]));
                if (i == 0) {
                    myChart1.setOption(option2, true);
                } else {
                    myChart1.setOption(option, true);
                }

            }
        })
        ad.selectList("USER_DATA_D", param, function (data) {
            //biao5
            option4 = {
                title: {
                    text: data.name
                },
                tooltip: {
                    trigger: 'axis',
                    formatter: "{b} {a} : {c}  "
                },

                legend: {
                    data: ['读取', '写入']
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: data.xAxis
                },
                yAxis: [{
                    type: 'value',
                    axisLabel: {
                        formatter: '{value} '
                    }
                    //min: 0.895,
                    //max: 1.05
                }],
//		  dataZoom: [{
//		    type: 'inside',
//		    start: 50,
//		    end: 100
//		  }, {
//		    show: true,
//		    type: 'slider',
//		    y: '90%',
//		    start: 50,
//		    end: 100
//		  }],
                series: [{
                    name: '访问次数',
                    type: 'line',
                    lineStyle: {
                        normal: {
                            width: 2,
                        }
                    },
                    data: data.datas[0].data
                }]
            };
            var myChart4 = echarts.init(document.getElementById('chart4'));
            myChart4.setOption(option4, true);
        })

    }

//	function loadC2(param) {
//		//Biao1-biao4
//		ad.selectList("USER_DATA_C2",param,function(data){
//			var idNames = ['chart11','chart12','chart13','chart15']
//			for(var i=0;i<data.length;i++){
//			var	option = {
//				  title: {
//				    text: data[i].name
//				  },
//				  xAxis: {
//				   
//				  },
//				  yAxis: {data:data[i].ydata},
//				  series: [{
//				    name: '次数',
//				    type: 'bar',
//				    barWidth: 20,
//				    data: data[i].xaxis
//				  }]
//				};
//				var myChart1 = echarts.init(document.getElementById(idNames[i]));
//				myChart1.setOption(option, true);
//			}
//		})
//		ad.selectList("USER_DATA_D2",param,function(data){
//			//biao5
//		option4 = {
//		  title: {
//		    text: data.name
//		  },
//		  tooltip: {
//		    trigger: 'axis'
//		  },
//		
//		  legend: {
//		    data: ['读取', '写入']
//		  },
//		  grid: {
//		    left: '3%',
//		    right: '4%',
//		    bottom: '3%',
//		    containLabel: true
//		  },
//		  xAxis: {
//		    type: 'category',
//		    boundaryGap: false,
//		    data: data.xAxis
//		  },
//		  yAxis: [{
//		    type: 'value',
//		    axisLabel: {
//		      formatter: '{value} '
//		    },
//		    min: 0.895,
//		    max: 1.05
//		  }],
//		  dataZoom: [{
//		    type: 'inside',
//		    start: 50,
//		    end: 100
//		  }, {
//		    show: true,
//		    type: 'slider',
//		    y: '90%',
//		    start: 50,
//		    end: 100
//		  }],
//		  series: [{
//		    name: '读取',
//		    type: 'line',
//		    lineStyle: {
//		      normal: {
//		        width: 2,
//		      }
//		    },
//		    data:data.datas[0].data
//		  }, {
//		    name: '写入',
//		    type: 'line',
//		    lineStyle: {
//		      normal: {
//		        width: 2,
//		      }
//		    },
//		    data:data.datas[1].data
//		    
//		  }]
//		};
//		var myChart4 = echarts.init(document.getElementById('chart14'));
//		myChart4.setOption(option4, true);
//		})
//		
//	}
})